<template>
	<view class="userinfo">
		<!-- <image src="../../static/logo.png" mode="" class="avatar"></image>
		<view class="username">
			{{myname}}
		</view> -->
	</view>
</template>

<script setup>
import { computed, ref } from 'vue';

	//  传递单属性。
	// const props = defineProps(['username','avatar'])
	// const props = defineProps({
	// 	username:{
	// 		type:String,
	// 		default:"匿名"
	// 	},
	// 	avatar:String
	// })
	
	// const myname = computed(()=>"@" + props.username)
	// console.log(props.username)
	
</script>

<style lang="scss" scoped>
.userinfo {
	width: 100%;
	height: 200px;
	background: #cccccc;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	image {
		width: 100px;
		height: 100px;
		border-radius: 50%;
	}
	.username {
		padding: 10px, 0;
		font-size: 24px;
	}
}
</style>